import React, { Component } from 'react';

class SignupPage extends Component {
  constructor(props) {
    super(props)
  
    this.state = {
       text: ''
    }
  }
  
  render() {
    return (
      <div className="App">
        <h2>Remander Pro</h2>
        <div className="form-inline">
          <div className="form-group mr-3">
            <input 
            type="text" 
            className="form-control" 
            placeholder="I have a" 
            onChange={(event) => this.setState({text:event.target.value})}
            />
          </div>
          <button type="button" className="btn btn-success">Add Reminder</button>
        </div>
      </div>
    );
  }
}

export default SignupPage;
